<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"> 

<ui:composition template="/_documento.xhtml">
	<ui:define name="corpo">

		<div id="conteudo">
			<h:form>
			
<!-- 			INCLUIR O OUTPUT COM O NOME DO FUNCIONÁRIO QUE ESTÁ ENVIANDO -->

				<h2>

					<h:outputText value="Cadastrar Documento"
						rendered="#{empty documentoBean.documento.id}" />
					<h:outputText value="Editar Documento"
						rendered="#{not empty documentoBean.documento.id}" />

					<h:outputText value="Cadastrar Documento"/>
<!-- 						rendered="#{empty documentoBean.documento.id}"  -->

				</h2>
				
				<p:messages id="msg" />
				<h:panelGrid columns="3">
				
				<p:fieldset legend="Dados do Documento" toggleable="true" style="background-image: url(resources/imagens/72.jpg);">
				
					<h:outputText value="Autor: " rendered="#{empty funcionarioBean.funcionario.nome}" style="font-weight:bold;" />
					<h:outputText value="#{loginBean.funcionario.nome}" style="font-weight:bold;" /><br /><br />

					<h:outputLink value="javascript:void(0)" onclick="dlgTipo.show();">
						<h:outputLabel value="Tipo de Documento: " />
					</h:outputLink>
					<p:inputText id="tipo" required="true" requiredMessage="Preencha o campo Tipo de Documento" 
						value="#{documentoBean.documento.tipo.nome}"
						onclick="dlgTipo.show();" readonly="true" rendered="true" onchange="handler">
					</p:inputText>
					<br />

					<h:outputLabel value="Número: " for="numero"  />
					<p:inputText  id="numero" value="#{documentoBean.documento.numero}" required="true" requiredMessage="Informe o Número" >

							<f:ajax event="change" />
					</p:inputText>
					<h:outputText value="Número / Ano(4 digitos)"  style="color: blue; padding: 0px 140px;"  /><br />
					<h:outputText value="    001 / 2012"  style="color: blue; padding: 0px 140px;"  />
					<br /><br /><br />
					
					<h:outputLabel value="Data de Criação: " for="data" />

<!-- 					<p:calendar id="data" value="#{documentoBean.documento.data.time}" required="true" requiredMessage="Informe a data"> -->
<!-- 						<f:convertDateTime pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo" /> -->
<!-- 						<f:ajax event="change" /> -->
<!-- 					</p:calendar><br /> -->

					<h:outputText id="data" value="#{documentoBean.documento.data.time}" >
						<f:convertDateTime pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo" locale="pt_BR" />
					</h:outputText><br /><br />

					
					<h:outputLabel value="Assunto: " for="assunto" />
					<p:inputText id="assunto" value="#{documentoBean.documento.assunto}" style="width: 300px;" required="true" requiredMessage="Informe o Assunto">
							<f:ajax event="change" />
					</p:inputText><br />
					
					<h:outputLabel value="Descrição: " for="descricao" />
					<p:inputTextarea id="descricao" value="#{documentoBean.documento.descricao}" rows="5" cols="30" required="true" requiredMessage="Informe a Descrição">
						<f:ajax event="change" />
					</p:inputTextarea>
										
					<br />

					<p:commandButton value="Cadastrar" action="#{documentoBean.grava}" ajax="false" image="ui-icon-disk" update="msg">

						<f:ajax render="@all" />
					</p:commandButton>
					
					<p:button id="cancela" type="reset" value="Limpar" />

				</p:fieldset>
				</h:panelGrid>
							
			</h:form>
			
			<p:dialog header="Tipo de Documento" widgetVar="dlgTipo" modal="true"
				width="300" showEffect="clip" resizable="false">
				<h:form id="form1">

					<p:outputPanel id="tipos">
					<p:growl id="grow" showDetail="true" sticky="true">
					
						<p:dataTable value="#{tipoDocumentoBean.tipos}" var="tipo"
							paginator="true" rows="4" selectionMode="single" dynamic="true" emptyMessage="Não Encontrado">	
								

							<p:column filterBy="#{tipo.nome}" filterMatchMode="contains"
								headerText="Tipo de Documento" sortBy="#{tipo.nome}">								
								<h:commandLink value="#{tipo.nome}" onclick="dlgTipo.hide()">
									<f:setPropertyActionListener target="#{documentoBean.documento.tipo}" value="#{tipo}" />
								</h:commandLink>
							</p:column>
							
						</p:dataTable>
					</p:growl>	
					</p:outputPanel>

				</h:form>
			</p:dialog>
						
		</div>

	</ui:define>
</ui:composition>

</html>
